
/* hold div contains both scrolling content area and links in this example */
div#hold	{ 
	position:relative; overflow:hidden;
	width:550px; height:200px; z-index:100; 
	}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:180px; height:180px; 
	clip:rect(0px, 180px, 180px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div.content { 
	position:absolute; visibility:hidden; 
	left:0px; top:0px; 
	z-index:2; 
	}
  
div#loading { visibility:visible; z-index:1 }
div#linksLyr { position:absolute; left:210px; top:0; z-index:3 }
table#imgTbl { width:720px }
table#imgTbl td { width:180px; height:180px; vertical-align:middle; text-align:center }

/* vertical scrollbar */
div#scrollbar1 { 
  position:absolute; 
  left:190px; top:14px;
  width:11px; height:150px; 
  font-size:1px; z-index:2
  }
div#track1 { 
  position:absolute; left:0; top:12px;
  width:11px; height:126px;
  background: url("/images/nav/track.gif") #336 repeat;
  z-index:1
  }
div#dragBar1 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  z-index:1
  }  
div#up1 { position:absolute; left:0; top:0; z-index:2 }  
div#down1 { position:absolute; left:0; bottom:0; z-index:3 } 
  
/* Horizontal scrollbar */  
div#scrollbar2 { 
  position:absolute; 
  left:20px; top:185px;
  width:140px; height:11px;
  font-size:1px; z-index:3
  }
div#track2 { 
  position:absolute; left:12px; top:0;
  width:116px; height:11px; 
  background: url("/images/nav/track.gif") #336 repeat;
  z-index:1
  }
div#dragBar2 {
  position:absolute; left:1px; top:1px;
  width:20px; height:9px; 
  background-color:#ceced6; z-index:1
  }  
div#left2 { position:absolute; left:0; top:0; z-index:2 }  
div#right2 { position:absolute; right:0; top:0; z-index:3 }  


/* Styles for demo, not necessary for scrolling layers */  
body { overflow:hidden }
body, td { font: 12px verdana, arial, helvetica, sans-serif }
h1 { font-size:1.3em }	
a:link { color:#33c }	
a:visited { color:#339 }	

a img { border:none }
table#lnks th { text-align:left; border-bottom:1px dashed #666 }
table#lnks td { text-align:center }
